<template>
  <div class="singer-detail">
    <ul>
        <li>序号：{{ id }}</li>
        <li>歌名：{{ name }}</li>
        <li>作者：{{ auth}}</li>
    </ul>
  </div>
</template>
<script setup lang="ts">
import { toRefs } from 'vue';
import { useRoute } from 'vue-router';

// const {query} = toRefs(useRoute());
// const {params} = toRefs(useRoute());
defineProps(['id','auth','name']);

</script>
<style  scoped>
ul li{
    line-height: 20px;
}
</style>
